<template>
	<view class="vonterConteme" @click="$emit('myTankuang',false)">
		<view class="conteMentse">
			<view class="conter">
				<view class="title">系统提示</view>
				<view class="subtitle">您的消息数不足，免费获取发布条数</view>
			</view>
			<view class="ant-conter">
				<view class="btn btn-ny" >取消</view>
				<button class="btn" open-type="share">去分享</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				isConter:false,
			}
		},
		methods:{
			
		}
	}
</script>
<style>
	.vonterConteme{
		width: 100vw;
		height: 100vh;
		position: fixed;
		z-index: 999;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: rgba(0, 0, 0, .7);
	}
	.vonterConteme .conter{
		background-color: #E8F0FF;
		color: #256FF3;
		padding: 24rpx;
		box-sizing: border-box;
		padding-bottom: 0;
	}
	.vonterConteme .conter .title{
		font-size: 30rpx;
	}
	.vonterConteme .conter .subtitle{
		font-size: 29rpx;
	}
	.conteMentse{
		width: 500rpx;
		overflow: hidden;
		background-color: #E8F0FF;
		color: #256FF3;
		border-radius: 20rpx;
	}
	.ant-conter{
		margin-top: 24rpx;
		display: flex;
		border-top: 1rpx solid #ccc;
		justify-content: space-between;
		align-items: center;
	}
	.ant-conter .btn{
		width: 50%;
		padding: 0;
		font-size: 29rpx;
		line-height:initial;
		padding: 24rpx;
		color: #256FF3;
		box-sizing: border-box;
		background-color: transparent;
		margin: 0;
		text-align: center;
	}
	.btn-ny{
		border-right: 1rpx solid #ccc;
	}
</style>
